<template>
	<div class="page pageFixed">
		<custom-box customback title="抽奖记录" @back="back">
			<div class="morePage">
				<div class="scroll">
					<div class="item flex a-center jlr" v-for="i in 20">
						<div class="flex a-center">
							<div class="icon"></div>
							<div class="text">每日签到</div>
						</div>
						<div class="jf">+20积分</div>
						<div class="date">12/12 17:21:24</div>
					</div>
				</div>
			</div>
		</custom-box>
	</div>
</template>
<script>
export default {
	data(){
		return {
			
		}
	},
	methods:{
		back(){
			this.$emit('back')
		}
	},
	mounted() {
		
	}
}
</script>
<style scoped lang="scss">
.morePage{padding: .2rem .3rem; width: 100%; height: 100%;}
.morePage .item{padding: .2rem 0; border-bottom: 1px solid #E5EBF1;}
.morePage .item .icon{width: .72rem; height: .61rem; background: url('../../assets/img/diamond.png') no-repeat; background-size: 100% 100%; margin-right: .25rem;}
.morePage .item .text{font-size: .28rem; color: #353535;}
.jf{color: #F84638; font-size: .26rem;}
.date{font-size: .24rem; color: #999;}
</style>